<template>
  <div>
    <h3>房号增加</h3>
    <table class="table table-striped">
      <tr>
        <td>房号名称</td>
        <td>
          <input type="text" name="name" v-model="info.HouseNumName" />
        </td>
      </tr>
      <tr>
        <td>门店名称</td>
        <td>
            <select v-model="info.ShopId">
              <option value="">请选择</option>
            </select>
        </td>
      </tr>
      <tr>
        <td>房型名称</td>
        <td>
            <select v-model="info.">
              <option value="">请选择</option>
            </select>
        </td>
      </tr>
      <tr>
        <td>房态</td>
        <td>
          <select class="table table-striped">
            <option value="">请选择</option>
            <option value="1">空闲</option>
            <option value="2">已预定</option>
            <option value="3">已入住</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>房号状态</td>
        <td>
          <input type="radio" name="name" />发布
          <input type="radio" name="name" />不发布
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
          <input type="button" class="btn btn-success"/>
        </td>
      </tr>
    </table>
  </div>
</template>

<script setup lang="ts">
import {ref,reactive,onMounted} from 'vue';
import axios from "axios";
import moment from 'moment';
import {useRouter,useRoute} from 'vue-router';
//useRouter:作用创建出一个路由器 实现页面跳转 并且 可以惊醒传参
const router = useRouter();
const route = useRoute();

let info:any = reactive({
    HouseNumName: '',
    ShopId: '',
    HouseState: 1,
    State: 1
})
</script>

<style scoped>

</style>